/* RESET CSS */
@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}h1{font-family:'Gochi Hand', cursive;font-size:25pt;margin:30px 0 20px;text-align:center}

#main {
    width:980px;
    margin:0 auto;
    height:400px;
}
#line {
    width:100%;
}
#line .navy {
    background:#4169e1;
    width:322px;
    float:left;
    height:10px;
    border-right:5px solid #FFF;
    margin-top:5px;
}
#line .blue {
    background:#1e90ff;
    width:325px;
    float:left;
    height:10px;
    border-right:5px solid #FFF;
    margin-top:5px;
}
#line .violet {
    background:#ba55d3;
    width:322px;
    float:left;
    height:10px;
    margin-top:5px;
}

#area1 {
    width:322px;
    float:left;
    margin-top:2px;
}

#area1 .title {
    background:#696969;
    opacity: .8;
    padding-top: 7px;
    padding-bottom:7px;
    padding-left:10px;
    font-size: 13pt;
    color:#FFF;
    text-transform: uppercase;
    font-family:sans-serif;
    margin-bottom:5px;
}

.book img {
    width:100%;
}

#area2 {
    width:95px;
    float:left;
    margin-left:5px;
    margin-top: 2px;;
}
#area2 .screen {
    float:left;
    width:100%;
    background: #b5e9fa;
    opacity:.5;
}
#area2 .screen .item {
    height:65px;
    background: #c2e4fa;
    color:#FFF;
    border-bottom: 2px solid #FFF;
}

#area2 .screen .active {
    background: #1e90ff;
}


